import React from 'react'

interface IProps {
    gvender: string;
    gvenderImg: string;
    gvenderdesc: string;
}
const Vender = (props: IProps) => {
    return (
        <>
            {/* 服务三标签 */}
            <div style={{
                marginTop: '1.5vh',
                padding: '1vh 5vw',
                backgroundColor: '#fff',
                display: 'flex',
                flexFlow: 'row nowrap',
                justifyContent: 'space-between',
                alignItems: 'center'
            }}>
                <div>
                    <img src="/assets/picsrc/zheng.png" alt="正品保障" style={{verticalAlign: 'middle',width: '20px'}}/>
                    <span style={{fontSize: '12px'}}>正品保障</span>
                </div>
                <div>
                    <img src="/assets/picsrc/zheng.png" alt="正品保障" style={{verticalAlign: 'middle',width: '20px'}}/>
                    <span style={{fontSize: '12px'}}>99元包邮</span>
                </div>
                <div>
                    <img src="/assets/picsrc/zheng.png" alt="正品保障" style={{verticalAlign: 'middle',width: '20px'}}/>
                    <span style={{fontSize: '12px'}}>30天退货</span>
                </div>
            </div>
            {/* 厂家信息 */}
            <div style={{
                marginTop: '1.5vh',
                backgroundColor: '#fff',
                padding: '1vh 5vw',
                display: 'flex',
                flexFlow: 'row nowrap',
                justifyContent: 'space-around'
            }}>
                <img src={props.gvenderImg} alt="" style={{width: '45vw'}}/>
                <div style={{
                    display: 'flex',
                    flexFlow: 'column nowrap',
                    justifyContent: 'space-around',
                    alignItems: 'center'
                }}>
                    <div style={{fontSize: '14px',color: '#000'}}>{props.gvender}</div>
                    <div style={{fontSize: '13px',color: '#999'}}>{props.gvenderdesc}</div>
                </div>
            </div>
        </>
    )
}

export default Vender